<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>自适应显示多个点标记</title>
    <!-- 添加的css -->
   	<link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/page.css"/>
    
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <style>
        .info-tip {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 12px;
            background-color: #fff;
            height: 35px;
            text-align: left;
        }
    </style>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=cbcbdb8628019e4eda99e827e273075c"></script>
    <!--<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>-->
    <!-- 添加的js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>
    <script src="js/core.js"></script> 
    <script src="js/map.js"></script>
</head>
<body>
		<br /><br />
		<span id="zoom" style="display: none;"></span>
		<span id="center" style="display: none;"></span>
	    <div class="form-group" id="thisPcc">
	        <label class="col-sm-1 control-label">城市选择：</label>
	        <div class="col-sm-3">
	        	<select class="input-sm form-control input-s-sm inline no-padding" id="change" >
	            </select>
	        </div>
	        <label class="col-sm-1 control-label">查看内容：</label>
	      	<div class="col-sm-3">
	        	<select class="input-sm form-control input-s-sm inline no-padding" id="userType">
		              <option value="1">商家</option>
                      <option value="2">骑手</option>
	            </select>
	        </div>  
		</div>
        <!--地图部分 -->                    	
		<div id="container" style="width:90%; height:80%;margin:100px auto"></div>
		<div class="info-tip">
		    <div id="centerCoord"></div>
		    <div id="tips"></div>
		</div>

	<div class="form-group" id="today" style="display:none">
		<a class="btn btn-primary btn-xs" href="javascript:;" data-toggle="modal" data-target="#riderToday" onclick="today()">今日情况</a>
		<a class="btn btn-primary btn-xs" href="javascript:;" data-toggle="modal" data-target="#currentOrder" onclick="currentOrder()">当前订单</a>
		<a class="btn btn-primary btn-xs" href="javascript:;" data-toggle="modal" data-target="#sendOrder" onclick="sendOrder()">指派订单</a>
	</div>
    <!--今日情况弹窗 -->
    <div class="modal inmodal" id="riderToday" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">关闭</span>
                    </button>
                    <h4 class="modal-title" id="this_title">今日情况</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input id="thisId_update" style="display: none;" type="text">
                        <label>今日收入</label> <input type="text" id="todayMoney" class="form-control" >
                        <label>今日接单</label> <input type="text" id="todayOrder" class="form-control" >
                    </div>    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    
    <!--当前订单弹窗 -->
    <div class="modal inmodal" id="currentOrder" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">关闭</span>
                    </button>
                    <h4 class="modal-title" id="this_title">当前订单</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input id="thisId_update" style="display: none;" type="text">
						<label>当前订单</label>
						<br />
                            <select id="orderName" name="goodsType" style="width:300px;height:31px;border-radius: 3px;border: solid 1px #ddd;" >
                            </select>
                         <br/>
                        <label>骑手姓名</label> <input type="text" id="riderName" class="form-control" >
                        <label>骑手电话</label> <input type="text" id="riderPhone" class="form-control" >
                        <label>收货地址</label> <input type="text" id="addressDetail" class="form-control" >
                    </div>    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    
    <!--指派订单弹窗 -->
    <div class="modal inmodal" id="sendOrder" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">关闭</span>
                    </button>
                    <h4 class="modal-title" id="this_title">指派订单</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input id="thisId_update" style="display: none;" type="text">
						<label>指派订单</label>
						<br />
                            <select id="orderNameTwo" name="goodsType" style="width:300px;height:31px;border-radius: 3px;border: solid 1px #ddd;" >
                            </select>
                         <br/>
                        <label>商家姓名</label> <input type="text" id="UserNameTwo" class="form-control" >
                        <label>商家电话</label> <input type="text" id="UserPhoneTwo" class="form-control" >
                        <label>收货地址</label> <input type="text" id="addressDetailTwo" class="form-control" >
                    </div>    
                </div>
                <div class="modal-footer" >
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="sendRider" onclick="sendRider()">指派</button>
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>